<template>
	<view class="goods-details">
		<view class="">
			<u--image showLoading="true"
			src="https://cdn.uviewui.com/uview/swiper/swiper1.png"
			 width="100%" height="700rpx"></u--image>
		</view>
		 <view class="cell app-pages">
		 	<view class="cell-tips1">
		 		<text>古装B61</text>
				<text>白花红底</text>
		 	</view>
			<view class="cell-tips2">
				￥<text class="red">58</text>元/日      
			</view>
			
			<view class="cell-tips3">
				<view class="blue">预订事项：</view>
				<view class="">
					1.地点：北京市朝阳区光华路甲一号院
				</view>
				<view class="text-icon">
					<text>2.电话：白天：010-88781888</text>
					<u--image showLoading="true"
					src="/static/phone.png"
					 width="60rpx" height="60rpx"></u--image>
				</view>
			</view>
			<view class="cell-tips4">
				<view class="btn">加入购物车</view>
			</view>
		 </view>
	</view>
</template>
<script>
export default {
	data(){
		return {}
	},
	methods:{
		
	}
}
</script>
<style lang="scss" scoped>
	.goods-details{
		font-size: 30rpx;
		.cell-tips4{
			display: flex;
			justify-content: flex-end;
			.btn{
				padding: 8rpx 15rpx;
				border-radius: 8rpx;
				background-color: red;
				font-size: 24rpx;
				color: white;
			}
		}
		.cell-tips3{
			.text-icon{
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			view{
				margin-bottom: 20rpx;
			}
			.blue{
				color: blue;
			}
		}
		.cell-tips2{
			margin: 20rpx 0;
			.red{
				font-size: 30rpx;
				color: red;
			}
		}
		.cell-tips1{
			display: flex;
			justify-content: space-between;
			font-size: 30rpx;
			margin-top: 20rpx;
		}
	}
</style>